Html in negen stappen 
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lijk aan te leren. Als je de basisprin- _tingstag is hetzelfde als de openings- 

cipes eenmaal doorhebt, kanje al tag, met het verschil dat er een / (slash) 
snel een (eenvoudige) webpagina ineen- aan voorafgaat. De tags zelf worden 
knutselen. Webeditors als FrontPage zijn tussen punthaken gezet (< en >). 


D e basis van html is heus niet zo moei- waarop de tag betrekking heeft. Een slui- 


wysiwyg (What You See Is What You Get), Het maakt niet uit of je de html-code _M IJ N E IGEN 
in html schrijf je hoe je pagina er zal uit- in hoofd- of kleine letters tikt. Pro- 


zien. Html werkt met tags. Een tag zieter _grammeurs zullen de html-tags meestal in 
meestal uit als volgt: <TAGNAAM> tekst </TAG- hoofdletters plaatsen, om zo duidelijk het 
NAAM>. Html-tags hebben meestal een be- onderscheid te zien tussen tekst en code. 
gin- en een eindtag. Ze omvatten de tekst Andere mensen vinden dit nogal schreeu- 


Hello world 


Deze woorden zullen iedereen die ooit al eens met 
een programmeertaal in contact is gekomen, zeer 
bekend in de oren klinken. Altijd begint men met 
uit te leggen hoe je de tekst ‘Hello World’ op het 
scherm zet. 

Waarom zouden we hier niet hetzelfde doen? Een 
html-pagina aanmaken die deze boodschap op je 
scherm toont. Pagina’s geschreven in html zijn tekst- 
bestandjes. Het voordeel hiervan is dat je eender wel- 
ke tekstverwerker kan gebruiken als html-editor. Er 
zijn ook speciale html-editors, programma’s die de 
syntactische correctheid van je code controleren, 
maar voor ons doel is Wordpad al meer dan vol- 
doende. 

Geef letterlijk de volgende code in: 


<HTML> 
<HEAD> 
<TITLE>Mijn eerste webpagina</TITLE> 
</HEAD> 


| Mijn eerste webpagina - Microsoft Internet Explorer 


\ Bestand Bewerken Beeld Rien Extra Help 


devorige vv @ G} GelFavorieten @Meda HE- KH 


Adres Pl C:\Documents and Settings\bcarlier\Desktop\index.html 


Links €)- Clickx - over computer en internet - [G]&oaale Microsoft Help en 


Hello World | 


Een eerste webpagina! 


Even wat meer uitleg over de code. De tag 
<HTML> vertelt aan de lezer van het document 
maar ook een webbrowser. Sluit de pagina af met 
</HTML>. Na <HTML> komt de <HEAD>-tag. De 
bekendste tag in de <HEAD>-sectie is de titel van je 
webpagina. De <HEAD>-tag kan nog andere infor- 
matie bevatten, maar geen pagina-inhoud. Bijvoor- 
beeld: indien je jouw pagina wil laten opnemen in 
zoekmachines, dien je de site te definiëren aan de 
hand van enkele kernwoorden. Deze kernwoorden 
moet je opnemen in de <HEAD> van je pagina. 

De hoofdbrok van een html-document is het deel dat 
zich bevindt in de <BODY>-tag. Hier komt je ei- 


<BODY> genlijke webpagina, dus alle zaken die te zien zijn 
Hello World ! in het hoofdscherm van je webbrowser. Tekst, figu- 
</BODY> ren, links… al deze informatie moet omsloten wor- 
</HTML> den door <BODY> en </BODY>. 


Bewaar het bestand onder een willekeurige naam 
met als extensie „HTML. 

Je zal zien dat het bestand het icoontje 
B van je webbrowser krijgt. 


hella.html 


Een html-document. 

Als je nu op dat bestand dubbelklikt, wordt het geo- 
pend in een browser. Je eerste html-pagina is een 
feit! 


De <TITLE>-tag bevat - zoals gezegd - de titel van je 
pagina. De titel verschijnt in de titelbalk van je web- 
browser. Indien iemand jouw site bij zijn favorieten 
opslaat, is het doorgaans ook deze tekst die bij zijn 
links bewaard wordt. Zet hier dus geen ellenlange 
teksten, maar geef je pagina een korte en duidelijke 
titel mee. 

In dit eerste voorbeeld krijg je in de browser de wel- 
komsttekst ‘Hello World’ te zien, terwijl de titel van 
de pagina ‘Mijn eerste webpagina’ is. 


SITE … 


werig en zetten de tags in kleine letters. Hou 
je wel aan de keuze die je maakt. Gebruik 
dus niet in één document hoofdletters, en 
in een ander kleine letters. 


Wysiwyg: Wysiwyg staat voor 
What You See Is What You 
Get. Een wysiwyg-editor is bij- 
voorbeeld de tekstverwerker 
Word die je op je beeldscherm 
toont hoe de tekst er uit gaat 
zien als die geprint zou wor- 
den. Er zijn ook wysiwyg-edi- 
tors voor (web)design. 
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Achtergrondkleur 


les in zwart-wit weergeven zou onze webpagina ook niet 


erg aantrekkelijk maken. Een beetje kleur kan immers nooit 
kwaad. Laten we onze webpagina een blauwe achtergrond 
meegeven. Daarvoor gebruiken we het attribuut BGCOLOR. Een 
achtergrond heeft betrekking op een volledige html-pagina, de tag 
komt dan ook terecht in de <BODY>. 


<HTML> 

<HEAD> 

<TITLE>Mijn eerste webpagina</TITLE> 
</HEAD> 

<BODY BGCOLOR=BLUE> 

Hello World ! 

</BODY> 

</HTML> 


à Mijn eerste webpagina - Microsoft Internet Explorer Zoals je ziet, is het me 


Bestand Bewerken 


Beeld Favorieten Extra Help blauw veel te donker, 


Ge Vorige v mm} 


„QE À Garevorieten Mede «we kunnen de tekst bij- 


Adres €) C:\Documents and Settings\bcarlier\Desktop\hello.html na niet meer lezen. Een 


attribuut als LIGHT 
BLUE bestaat echter 
niet, dus moeten we Styles 


Een blauwe achtergrond, maar te donker. een andere oplossing SQ N 
zoeken. In html is er gelukkig nog een tweede manier t Er 
om kleuren te definiëren. Ofwel geef je — zoals we hier 
deden - de naam van de kleur in, ofwel gebruik je een ® 
hexadecimale code. Elke kleur is opgebouwd uit rood, n 
groen en blauw. In de meeste beeldbewerkingspro- 


gr 
Je 


waarden worden je meegedeeld. 


CL 


amma’s vind je wel een zogenaamde kleurenkiezer. 
duidt een kleur aan en de corresponderende RGB- 
Lichtblauw met de 


corresponderende 
RGB-waarden. 


Tekstkleur 


Leuk, die blauwe achtergrond. Maar we zitten nog steeds met die 
zwarte letters. Om tekst van kleur te veranderen, gebruiken we 
het attribuut TEXT. Voor een lichtblauwe achtergrond met blau- 
we tekst wordt dat : 


<BODY BGCOLOR="#2A6BFE" TEXT=BLUE> 


Dit is best wel aardig, maar we willen ook niet dat alle tekst op 
onze webpagina in het blauw wordt weergegeven. Misschien wil- 
len we de titel wel in het rood en de volgende regels in het geel. 


6 Mijn eerste webpagina - Microsoft Internet Explorer 


Bestand Bewerken Beeld Favorieten Extra Help 
de vorioe v> + B ) @ GefFavorieten Meda HE FH RQ 
Adres E\ C:\Documents and Settings\bcarlier\Desktop\hello „html 


blauw! 
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Vervolgens zet je de RGB-waarden om naar de hexadeci- 
male notatie. We gebruiken hiervoor de rekenmachine van 
Windows. Kies bij BEELD voor WETENSCHAPPELIJK en zet een 
bolletje bij Dec (decimaal). Geef dan één voor één de RGB-waar- 
den in en klik op Hex om de waarden om te rekenen. 


Zl 


Bewerken Beeld Help 


€ Qword C° Dword {° Word C° Byte 


Ei laand =| alde 


Een decimale waarde van 42 is 2A in hexadecimaal. 


Ten slotte zet je een hekje (#) voor de code en zet je de code tussen 
dubbele aanhalingstekens (* “). Je krijgt dan iets als : “#2AGBFE”. 
Dit is de code voor een lichtblauwe tint. In ons html-document 
wordt dat: 


<HTML> 

<HEAD> 

<TITLE>Mijn eerste webpagina</TITLE> 
</HEAD> 

<BODY BGCOLOR="#2A6BFE"> 

Hello World ! 

</BODY> 

</HTML> 


Daarvoor gebruiken we de tag <FONT>. Hiermee kan je op lo- 
kaal niveau tekst opmaken. Enkel tekst tussen <FONT> en 
</FONT> wordt beïnvloed door de tag. Volgende code zet alvast 
een rood lijntje op je webpagina : 


<HTML> 

<HEAD> 

<TITLE>Mijn eerste webpagina</TITLE> 
</HEAD> 

<BODY BGCOLOR="#2A6BFE" TEXT=BLUE> 
Hello World ! 

<FONT COLOR=RED> Rode tekst hier </FONT> 
Hier is de BODY-kleur weer van kracht! 
</BODY> 

</HTML> 


Ò 


Opmaak Figuren fi 
p g E 
Html kan veel meer dan je tekst een kleurtje ge- Een beeld zegt meer dan duizend woorden. Als je even rondsurft, = 
ven. Geef maar eens volgende code in: zal je al gauw merken dat dit geen holle woorden zijn. Met de tag — 
<IMG-> plaats je afbeeldingen op een site. Deze tag hoef je evenmin ©, 

<HTML> af te sluiten. Je moet wel de bron van je afbeelding opgeven. aa 

<HEAD> 

<TITLE>Opmaak</TITLE> <HTML> 

</HEAD> <HEAD> 

<BODY BGCOLOR="#2A6BFE "> <TITLE>Een figuur</TITLE> 

<H1>Header</H1> </HEAD> 

<H2>Subheader</H2> <BODY BGCOLOR="#2A6BFE" TEXT=BLUE> 

<H3>Subheader van subheader</H3> <IMG SRC="beach.jpg”> 

<B> Tekst in het vet </B> </BODY> 

<l> Tekst in Italic </l> </HTML> 

<U> Tekst onderlijnd </U> 

<P> Begin paragraaf Hier veronderstellen we dat het beeld ‘beach.jpg’ zich in 

tekstregel dezelfde map bevindt als het html-document. Wil je naar een 

<BR> andere map verwijzen, dan kan dat als volgt: 

nog een tekstregel 

<SUB> Tekst subscripted </SUB> <IMG SRC="fotomap/beeld.jpg”> 

<SUP> Tekst superscripted </SUP> 

<HR> Het attribuut SRC is de afkorting van ‘source’. 


tekstregel tussen twee lijnen in 
<HR COLOR=red> 

tekstregel onder horizontale lijn 
</BODY> 

</HTML> 


JOEHOE..…. MIJN EIGEN 


Tekst opmaken in html. 


De <H>-tags worden gebruikt om tekst in te de- 
len in hoofdstukken, rubrieken, secties enzovoort. 
Je kan maximaal zes niveaus diep gaan. Met <P> 
duid je het begin van een paragraaf aan. Er wordt 
een blanco regel gelaten en met een nieuwe lijn 
begonnen. Merk op dat <P> niet afgesloten wordt 
met </P>. Dit noemen we een lege tag. Alhoewel 
het niet vereist is om deze tag af te sluiten, raad 
ik het je wel aan. Zo is het voor jezelf ook duide- 
lijker, en weet je altijd precies waar een paragraaf 
eindigt. <BR> duidt het einde van een regel aan. 
<HR> trekt een horizontale streep. Merk hierbij 
op dat je deze gerust een attribuut kan meegeven. 
Zo hebben we hier een gewone én een rode lijn 


pied MIJN EIGEN GITE … 
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Een een- 


voudige 


tabel. 


ZE C:\Documents and Settings\bcarlier\Desktop\hello.ht 


Cursus 


Links 


Een website bestaat natuurlijk uit meer dan één pagina. Als we een 
site hebben met pakweg 19 pagina’s, is het de bedoeling dat de ge- 
bruiker door de verschillende pagina’s kan surfen. Daarvoor moe- 
ten er op alle pagina’s hyperlinks aanwezig zijn. Een link hoeft niet 
noodzakelijk tekst te zijn, we kunnen ook een figuur gebruiken als 
link naar een volgende pagina. Links worden aangeduid met <A 
HREF>. HREF is de afkorting van Hypertext REFerence. Maak een 
tweede webpagina en geef deze de naam ‘pagina2.html’. In onze 
eerste pagina (index.html) tikken we dan de volgende code: 


<A HREF=" pagina2.html”> Ga naar pagina 2 </A HREF> 


Dit creëert een tekstlink naar pagina2.html. Tussen de tags 
plaatsen we de tekst waar je op moet klikken om naar de 
link te surfen. Je zal zien dat de tekst “Ga naar pagina 2” 
automatisch een andere opmaak meekrijgt. De browser 
weet aan de hand van de tags immers dat het om een hyper- 
link gaat. Standaard worden alle links op het net in het blauw weer- 
gegeven. Wil je dat veranderen, dan kan je dat doen met de attri- 
buten LINK (gewone link), VLINK (bezochte link) en ALINK (ge- 


Tabellen 


De titel doet je misschien denken aan allerlei tabellen met wis- 
kundige formules die je uit het hoofd moe(s)t leren, maar tabel- 
len kan je ook gebruiken voor lay-out doeleinden. Plaats figuren 
in een tabel, maak de rasterlijnen onzichtbaar en alles is mooi uit- 
gelijnd! 


<TABLE BORDER=1> 

<TR> 
<TH>Naams/TH> 
<TH>Leeftijd</TH> 
<TH>Woonplaats</TH> 

</TR> 

<TR> 
<TD>Jane</TD> 

<TD>26</TD> 
<TD>Gent</TD> 

</TR> 

<TR> 

<TD>Mary</TD> 
<TD>24</TD> 

<TD> Brussel</TD> 

</TR> 

</TABLE> 


Bovenstaande code creëert een tabel van 3 op 


Bestand Bewerken Beeld Favorieten Extra Help 


3 met rasterlijnen en een rij voor de kolom- 


de \jorige v 


> -@ E N Garavorieten Gmeda : 


Naam 


24 


Adres |) C:\Documents and Settings\bcarlier\Desktop\hello.html 


Leeftijd Woonplaats 


26 


koppen. Een tabel definieer je tussen <TA- 
BLE> en </TABLE>. <BORDER»> is een (op- 
tioneel) attribuut van <TABLE> en plaatst de 
rasterlijnen. Met <TR> duid je een rij aan (In- 
dentering in html-code is optioneel, maar bij 


[ 
\Gent 


Brussel 
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activeerde link). Deze attributen horen bij de <«BODY>-tag. Om be- 
zochte links in het rood weer te geven, wordt dat: 


<BODY VLINK=RED> 
Willen we een figuur gebruiken als link, dan krijgen we : 

<A HREF=" pagina2.html”><IMG SRC="beach.jpg”></A HREF> 
Links kunnen ook naar documenten verwijzen: 

<A HREF="tekst.doc”> Tekstbestand </A HREF> 
Ook een link naar een e-mailadres is mogelijk: 


<A HREF="mailto:clickk@sanoma-magazines.be”> Stuur een 
mail naar Clickx </A HREF> 


Klik op deze link en je e-mailprogramma wordt geopend, met als 
ontvanger het adres dat na de MAILTO: vermeld staat. 


de codering van een tabel is het wel overzichtelijk om tabs te ge- 
bruiken). <TH> wijst op een tabelhoofding, <ID> is een datacel 
(table data). Alle mogelijke tags en attributen kunnen we uiter- 
aard ook toepassen op informatie binnen een tabel. 
In het volgende voorbeeld passen we er enkele toe : 


<HTML> 

<HEAD> 

<TITLE>Tabel in html</TITLE> 

</HEAD> 

<BODY BGCOLOR="#2A6BFE" > 

<TABLE BORDER=1 BORDERCOLOR=RED CELLSPACING=0 

CELLPADDING=10 ALIGN=CENTER > 

<TR> 
<TD>tekst <BR>uitgelijnd<BR>onderaan rechts</TD> 
<TD ALIGN=RIGHT VALIGN=BOTTOM>deze tekst verschijnt 

onderaan rechts</TD> 

</TR> 

<TR> 
<TD>tekst <BR>uitgelijnd<BR>bovenaan links</TD> 
<TD ALIGN=LEFT VALIGN=TOP>deze tekst verschijnt 
bovenaan links</TD> 

</TR> 

<TR> 
<TD>tekst <BR>uitgelijnd<BR>middenin</TD> 
<TD ALIGN=CENTER VALIGN=CENTER>deze tekst verschijnt 
helemaal in het midden</TD> 

</TR> 

<TR> 
<TD COLSPAN=2 ALIGN=CENTER>Brede Cel</TD> 


DIT IS MIJN NICUWE HOMEPAGE / 


MAAR SOS, DAT IS DE SITE 
VAN INTERBREN 27 


VEP, M IN THUIS IS WAAR MIJN 


MIJN EIGEN SITE … 


Zl Tabel in html - Microsoft Internet Explorer 
Bestand Bewerken Beeld Favorieten Extra Help 
> @ G} GelFavorieten GMeda HE S RQ 
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Uitlijning in een tabel. 


</TR> 

</TABLE> 
</BODY> 
</HTML> 


Je ziet dat de <TABLE>-tag een heleboel attributen heeft meege- 
kregen. CELLSPACING zorgt ervoor dat we volle rasterlijnen krij- 
gen, we hebben deze ook een rode kleur gegeven. Geef CELL- 
SPACING eens waarde ‘5’ en bekijk het verschil. CELLPADDING 
is het aantal pixels dat vrij wordt gelaten tussen de rasterlijnen en 
de informatie binnenin de cel. Een waarde van ro (pixels) zorgt 
ervoor dat de celinhoud niet tegen de lijnen aangeplakt zit. 
ALIGN=CENTER plaatst de tabel centraal op de webpagina. Bin- 
nen in de cellen hebben we de informatie ook uitgelijnd. Stan- 
daard zal de browser tekst op één lijn blijven plaatsen, net zolang 
tot de schermbreedte bereikt is. Omdat we het effect van onze uit- 
lijning willen zien, hebben we zelf enkele <BR>-tags ingevoegd. 
Deze tag plaatst tekst op een nieuwe regel. 

VALIGN (vertical alignment) bepaalt de verticale uitlijning bin- 
nenin een cel. Van de laatste rij hebben we met de opdracht COL- 
SPAN=2 één grote cel gemaakt. Met COLSPAN bepalen we het 
aantal cellen dat we willen samenvoegen. De 2 verwijst naar de 
cellen rechts van de huidige cel, inclusief de cel waar we COL- 
SPAN intikken. Indien we verticale cellen willen samenvoegen, 
doen we dat met ROWSPAN. Dan tellen we het aantal cellen on- 
der een bepaalde cel. 


Frames 


Zowat elke site is opgebouwd uit frames. Frames kan je 
zien als afzonderlijke webpagina’s die je tegelijk op 

je scherm te zien krijgt. Navigatiebalken worden 
dikwijls in een frame getoond. Links heb je na- 
vigatieknoppen of hyperlinks, na het aanklik- 
ken van een knop of link verschijnt rechts op het 
scherm de informatie. De navigatiebalk links op 
het scherm blijft hierbij onveranderd. Je moet voor elk 
frame een eigen .html-document aanmaken. Verder heb 
je ook een document nodig dat de informatie van al je fra- 
mes bundelt. Zeg maar het overkoepelende document. 
Als voorbeeld nemen we een scherm opgedeeld in drie 
frames. Het bovenste frame blijft altijd zichtbaar, links 
tonen we een menu met hyperlinks, en rechts wordt het 
browser-scherm, waar we het resultaat van de link zullen 
weergeven. We beginnen met het bovenste — vaste — deel. 
Dit frame wordt altijd getoond, en verandert ook niet als 
we op een link klikken. 


Zi 
Lul 
= 
=) 
©, 
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<HTML> 

<HEAD> 
<TITLE>Boven</TITLE> 
</HEAD> 

<BODY BGCOLOR=RED> 
</BODY> 

</HTML> 


Bewaar dit document als BOVEN.HTML. Het enige wat deze 
code doet, is de webpagina een rode achtergrond geven. 
Verder geven we het een titel mee, die in dit geval puur 
informatief is. De titel die immers zal verschijnen in de 
titelbalk, is de titel die we het overkoepelende document 
meegeven. Dat document maken we dadelijk aan. Ver- 
volgens maken we een document genaamd LINKS.HTML 
aan. Daarin plaatsen we enkele links naar webpagina’s. 
Let erop dat je bij links naar webpagina’s altijd het prefix 
HTTP:// gebruikt en dat Word de url’s niet omzet naar op- 
gemaakte tekst! 


<HTML> 

<HEAD> 

<TITLE>Links</TITLE> 

</HEAD> 

<BODY BGCOLOR=CYAN> 

<P> 

<A HREF=" http://www.imdb.com” TARGET="RIGHT">Interna- 
tional Movie Database</A HREF> 

</P><P> 

<A HREF=" http://www.kinepolis.be” TARGET="RIGHT">Kine- 
polis</A HREF> 

</P><P> 

<A HREF=" http://www.weekup.be” TARGET="RIGHT">Week- 
Up</A HREF> 

</P> 

</BODY> 

</HTML> 


De bedoeling is dat, als we in het linkerscherm op de link 
naar Kinepolis klikken, de website van Kinepolis in het 
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rechterscherm geopend wordt. Daar hebben we het attribuut TAR- 
GET voor nodig. TARGET bepaalt waar je link wordt geopend. De 
naam van TARGET kan je vrij bepalen, hier hebben we voor RIGHT 
gekozen omdat we willen dat de site in het rechterscherm geopend 
wordt. We hadden echter even goed RECHTS als naam kunnen 
kiezen. Het derde deel is het rechterframe van de webpagina. Daar 
worden onze links geopend. Dit deel van ons scherm moet echter 
ook informatie bevatten bij het laden van de pagina, nog vóór we 
op een link hebben geklikt. We houden het hier op een achter- 
grondkleurtje. 


<HTML> 

<HEAD> 
<TITLE>Rechts</TITLE> 
</HEAD> 

<BODY BGCOLOR=GREEN> 
</BODY> 

</HTML> 


Bewaar het bestand als RECHTS.HTML. Ten slotte maken we een 
.html-bestand aan dat al deze informatie bundelt. Dat noemen we 
de FRAMESET. 


<HTML> 
<TITLE><Pagina met frames></TITLE> 
<HEAD> 
</HEAD> 
<FRAMESET ROWS="100,*"> 
<FRAME SRC="boven.html”> 
<FRAMESET COLS="250,*"> 
<FRAME SRC="links.html”> 
<FRAME SRC="rechts.html” NAME="RIGHT"> 
</FRAMESET> 
</FRAMESET> 
</BODY> 
</HTML> 


Bewaar dit als FRAMESET.HTML. Dit is het bestand dat je moet ope- 
nen om de webpagina te zien te krijgen. Je kan het dus ook wel IN- 
DEX.HTML noemen. De tag FRAMESET gebruiken we om de groot- 
te van de frames te bepalen. FRAMESET vervangt hier de BODY- 
tag. Met ROWS geven we de horizontale delen van het scherm aan. 
Hier hebben we één bovenste frame en twee frames die eronder 


Meer! 


Deze inleiding zou je al een heel eind op 
weg moeten helpen. Je kan met html (al 
dan niet in combinatie met Java of PHP) 
echter nog veel meer doen. Denk maar aan 
image-maps, formulieren, bezoekerstel- 


www.digits.com 
www.devx.com 
www.ihip.com 


www.w3.org/MarkUp 


www.coffeecup.com/editor 


http://dir.yahoo.com/Computers_and_ 
Internet/Data_Formats/HTML 


komen. Het bovenste frame geven we een hoogte van roo pixels, 
de twee andere frames nemen de rest van de pagina in. Dat geven 
we aan met * (asterisk). Als je die pixels niet zo ziet zitten, kan je 
ook met percentages werken: 


<FRAMESET ROWS="20%,80% "> 


Vervolgens bepalen we het html-bestand dat we in dit (bovenste) 
deel van het scherm willen tonen. Dat is BOVEN.HTML. Het onder- 
ste deel van ons scherm is opgesplitst in twee kolommen. Daar- 
voor gebruiken we het attribuut COLS. Het linkerdeel geven we 
250 pixels, het rechterdeel laten we doorlopen tot het einde van het 
scherm. Het attribuut NAME gebruiken we om de pc duidelijk te 
maken waar hij de informatie moet weergeven. We hebben in 
LINKS.HTML TARGET="RIGHT" gebruikt, hier koppelen we 
RECHTS.HTML aan “RIGHT”. Als je de edn s in het bovenste 
frame wil weergeven, ge- EEE 

bruik je BOVEN in plaats <= EE DI armen Bra GDR 
van RIGHT, maar dan pmm 

moet je hier wel nog 
NAME="BOVEN" toe- 
voegen, en in BOVEN.HTML 
het TARGET definiëren. 


Drie frames! 


evenge » En Aen es OEE 


Adres |©) C\bonmerts and Serrgsibearter\Cedtoriframerfs ameset Herd 


Anohratabie, le | ee | nteecove | EEE | 
PACT Internet M Movie Database 


De yon rely on MDG 16 45 oer joB? Wee hums à new 
wersaan Sat you Viet IMDBPro com, the new websde 
Gesagned Ice the ertertauremert ndustry Chch hers for aio 


MB Super Troopers on DVD 


Onze link wordt in het rechterscherm geopend. 


Voor html-standaarden 
Bezoekerstellers 

Site voor (gevorderde) programmeurs 
Hoe maak je een image map ? 
html-editor 

De html-afdeling van Yahoo 


lers, gastenboeken… 


links vind je hiernaast: 
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Wie nog meer wil weten, vindt op hetin- Verder levert een zoektocht naar ‘html’ in 
ternet alle mogelijke informatie. Enkele een willekeurige zoekmachine duizenden 
links op. Veel succes! 


— Benjamin Carlier — 


